/**
 * CSS for Front end
 *
 * @autor Mamy RAKOTONIRINA
 * @mail mamy.r@rmh-solution.com
 */

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.navbar-static-top {
    background: #DEDEDE;
    background: linear-gradient(top, rgba(229, 229, 229, 0.3) 0, rgba(245, 245, 245, 0.3) 20%, rgba(229, 229, 229, 0.3) 50%, rgba(219, 219, 219, 0.3) 80%, rgba(229, 229, 229, 0.3) 100%) no-repeat;
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 0.3) 0, rgba(245, 245, 245, 0.3) 20%, rgba(229, 229, 229, 0.3) 50%, rgba(219, 219, 219, 0.3) 80%, rgba(229, 229, 229, 0.3) 100%) no-repeat;
    background: -moz-linear-gradient(top, rgba(229, 229, 229, 0.3) 0, rgba(245, 245, 245, 0.3) 20%, rgba(229, 229, 229, 0.3) 50%, rgba(219, 219, 219, 0.3) 80%, rgba(229, 229, 229, 0.3) 100%) no-repeat;
    background: -o-linear-gradient(top, rgba(229, 229, 229, 0.3) 0, rgba(245, 245, 245, 0.3) 20%, rgba(229, 229, 229, 0.3) 50%, rgba(219, 219, 219, 0.3) 80%, rgba(229, 229, 229, 0.3) 100%) no-repeat;
    background: -ms-linear-gradient(top, rgba(229, 229, 229, 0.3) 0, rgba(245, 245, 245, 0.3) 20%, rgba(229, 229, 229, 0.3) 50%, rgba(219, 219, 219, 0.3) 80%, rgba(229, 229, 229, 0.3) 100%) no-repeat;
    background: linear-gradient(top, rgba(229, 229, 229, 0.3) 0, rgba(245, 245, 245, 0.3) 20%, rgba(229, 229, 229, 0.3) 50%, rgba(219, 219, 219, 0.3) 80%, rgba(229, 229, 229, 0.3) 100%) no-repeat;
    -svg-background: linear-gradient(top, rgba(229, 229, 229, 0.3) 0, rgba(245, 245, 245, 0.3) 20%, rgba(229, 229, 229, 0.3) 50%, rgba(219, 219, 219, 0.3) 80%, rgba(229, 229, 229, 0.3) 100%) no-repeat;
}

.navbar {
    min-height: 30px;
}

.navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 10px;
}

.navbar-default .navbar-nav > .niveau1 > a {
    text-transform: uppercase;
}

.navbar-default .navbar-nav > .niveau1 > a:hover {
    background: none;
    border-color: #03981D;
    border-style: solid; 
    border-width: 0 0 2px 0;    
}

.navbar-default .navbar-nav > .niveau1.open > a {
    background: none;
    border-color: #03981D;
    border-style: solid; 
    border-width: 0 0 2px 0;    
}

.navbar-default .navbar-nav > .niveau1.active > a, 
.navbar-default .navbar-nav > .niveau1.active > a:hover, 
.navbar-default .navbar-nav > .niveau1.active > a:focus {
    background: none;
    border-color: #428BCA;
    border-style: solid; 
    border-width: 0 0 2px 0;    
}

.navbar-brand .logo {
    border: 0 !important;
    position: absolute;
    top: -38px;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto;
    /* Pad bottom by footer height */
    padding: 0;
}

.row {
    margin: 10px 0;
}

#footer {
    background-color: #1E4E76;
    color: #ffffff;
}